<template>
  <div>


    <img src="../assets/img/header.png" style="position: absolute;" /> 

    <div class="HeaderHeader"> 藏医药数据分析系统 བོད་ལུགས་གསོ་རིག་དང་བོད་སྨན་གྱི་གྲངས་གཞི་དབྱེ་ཞིབ་མ་ལག</div>
  </div>
</template>

<script>
export default {

}
</script>
<style>
.HeaderHeader {
  position: relative;
  height: 20vh;
  font-weight: 800;
  line-height: 20vh;
  text-align: left;
  font-size: 5vh;
  text-indent: 20px;
  background-image: linear-gradient(to right, #4285F4, rgba(0, 52, 148, 0.541), transparent);
  color:white;
  z-index: 1;
}

img {
  right: 0;
  height: 20vh;
  position: absolute;
  z-index: 0;
}
</style>